<template>
  <h1>子传父</h1>
  {{ this.appMsg }}
  <Son @componentChange="getMsg"></Son>
</template>

<script>
import Son from './components/son.vue'

export default {
  data(){
    return{
      appMsg: "",
    }
  },
  components:{
    Son
  },
  methods:{
    // 形参随便写,这里的形参相当于$emit传递的数据或方法
    getMsg(msg){
      console.log(msg)
      this.appMsg = msg
    }
  }
}
</script>